<template>
  <div class="item ptry">
    <div class="item-h">
      <span class="line"></span>
      <b class="ftz16">计划试读</b>
    </div>
    <div class="con">
      <NoDataTips v-if="list.length === 0"/>
      <ul v-else>
        <li v-for="item in list" :key="item.articleId">
          <router-link :to="'/planarticle/'+ item.articleId">
            <a href="javascript:void(0)" class="title">{{item.title}}</a>
            <a href="javascript:void(0)" class="txt">{{item.previewContent}}</a>
            <span class="time">{{item.publish_time | parseTime('{y}-{m}-{d} {h}:{i}')}}</span>
          </router-link>
        </li>
      </ul>
    </div>
</div>
</template>

<script>
export default {
  props: ['list'],
  data () {
    return {
    }
  }
}
</script>

<style scoped lang="scss">
.ptry .item-h{
  padding:0 4%;
}
.ptry li{
  padding:12px 4%;
  border-bottom: 1px solid #e6e6e6;
}
.ptry li:last-child{
  border-bottom: 0;
}
.ptry .con a{
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 5px;
}
.ptry .con .title{
  font-weight: bold;
}
.ptry .con .txt{
  color: #808080;
}
.ptry .con .time{
  color: #808080;
}
</style>
